<!DOCTYPE html>
<html lang="en">
   <head>
      <title>Forge XmlHttpRequest Test</title>
      <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
      <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
      <script type="text/javascript" src="/forge/forge.all.js"></script>
      <script type="text/javascript" src="/support/task.js"></script>
      <script type="text/javascript" src="xhr.js"></script>

      <link type="text/css" rel="stylesheet" media="all" href="/tests.css" />
      <style type="text/css">
         .ready { color: inherit; background: inherit; }
         .testing { color: black; background: yellow; }
         .pass{ color: white; background: green; }
         .fail{ color: white; background: red; }
      </style>
   </head>
<body>
<div class="nav">
   <a href="..">Forge Tests</a> /
   <a href=".">Legacy</a> /
   XHR
</div>

<div class="header">
   <h1>XmlHttpRequest Tests</h1>
</div>

<div class="content">

<!-- div used to hold the flash socket pool implementation -->
<div id="socketPool">
   <p>Could not load the flash SocketPool.</p>
</div>

<fieldset class="section">
   <ul>
     <li>Use the controls below to test the XHR wrapper.</li>
   </ul>
</fieldset>

<fieldset class="section">
<legend>Control</legend>
   <button id="start">Start</button>
   <button id="reset">Reset</button>
   <br/>
   <input id="scroll" type="checkbox" />Scroll Tests
   <br/>
   <button id="stress">Stress</button>
</fieldset>

<fieldset class="section">
<legend>Progress</legend>
Status: <span id="status">?</span><br/>
Pass: <span id="pass">?</span>/<span id="total">?</span><br/>
Fail: <span id="fail">?</span>
</fieldset>

<fieldset class="section">
<legend>Tests</legend>
<div id="tests"></div>
</fieldset>

</div>
</body>
</html>
